<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>列表标签</title>
	</head>
	<body>
		<!-- 图片标签：img 单标签
		 src属性：图片源，指向素材的地址；
		 alt属性：图片加载错误的提示；
		 width属性：给图片设置宽度；
		 height属性：给图片设置高度；
		 图片的宽和高一般只设置一个，另一个属性会对图片进行比例缩放。-->
		 <img src="img/200.jpeg" ailt="图片加载错误!" width="200"/>
		 
		<!-- 列表标签：无序列表、有序列表、自定义列表 -->
		<!-- 无序列表：ul -->
		<ul>
			<li>第一列</li>    <!-- 无序列表 -->
			<li>第二列</li>
			<li>第三列</li>
		</ul>
		<!-- 有序列表：ol -->
		<ol>
			<li>第一列数据</li>
			<li>第二列数据</li>
			<li>第三列数据</li>
		</ol>
		<!-- 自定义列表：dl>dt>dd -->
		<dl>
			<dt>服务中心</dt>
			<dd>服务中心</dd>
			<dd>服务中心</dd>
			<dd>服务中心</dd>
		</dl>
		
		<ol>
			<li><a href="https://music.163.com/#/song?id=553755659">可不可以</a></li>
			<li><a href="https://music.163.com/#/song?id=27678655">李白</a></li>
			<li><a href="https://music.163.com/#/song?id=346576">光辉岁月</a></li>
		</ol>
		
		<dl>
			<dt><a href="https://www.mi.com/shop/search?keyword=%E6%89%8B%E6%9C%BA">手机</a></dt>
			<dt><a href="https://www.mi.com/shop/search?keyword=%E7%94%B5%E8%A7%86">电视</a></dt>
			<dt><a href="https://www.mi.com/shop/search?keyword=%E7%AC%94%E8%AE%B0%E6%9C%AC">笔记本</a></dt>
		</dl>
		
	</body>
</html>
